@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}
@media (max-width: 380px) {body{ font-size:14px; }}
@media (max-width: 325px) {body{ font-size:12px; }}
@media (min-width: 760px) {body{ font-size:22px; }}
@media (min-width: 1200px) {body{ font-size:14px; }}

a{
	color:#000;
	/*transition:all 0.2s;*/
}

a:hover{
	color:#c41a1a !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

.fw a:hover{
	color:#dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}
.pic{
	overflow:hidden;
}
.pic img{
	width:100%;
	height:100%;
	display:block;
	transition: transform 0.3s
}
.pic:hover img{
	transform: scale(1.03,1.03);
}





.wrapper{
	width:100%;
	min-width:1230px;
	max-width:1920px;
	margin:0px auto;
	overflow:hidden;
}

.box{
	width:1230px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}







#footer{
	color:#666;
	line-height:32px;
	padding:60px 0px;
	text-align:center;
	background:#f3f3f3;
	border-top:1px solid #dcdcdc;
}
#footer a{color:#666;}








#nav{
	background:#f3f3f3;
	border-bottom:5px solid #b72222;
	height:109px;
}
#nav .logo{
	margin-top:30px;
	float:left;
}
#nav .right{ margin-top:43px;}
#nav .right a{
	font-size:18px;
	margin-left:32px;
	float:left;
	color:#666;
}
#nav .right a i{
	display:inline-block;
	width:24px;
	height:24px;
	float:left;
	margin:0px 10px 0px 0px;
}
#nav .right a .i1{ background:url(images/i1.png) no-repeat left center;width:22px;}
#nav .right a .i2{ background:url(images/i2.png) no-repeat left center;}
#nav .right a .i3{ background:url(images/i3.png) no-repeat left center;width:17px;}









#layout1{ border-top:1px solid #f3f3f3;}
#layout1 .left{
	width:495px;
	margin-top:23px;
}
#layout1 .left .title{
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	margin:29px 0px 15px 0px;
}
#layout1 .left .title span{ color:#b72222;}
#layout1 .left .title i{
	display:block;
	width:5px;
	height:28px;
	background:#b72222;
	float:left;
	margin:10px 15px 0px 1px;
}
#layout1 .left li{
	font-size:20px;
	line-height:45px;
	height:45px;
}
#layout1 .left li:first-child{ font-weight:bold;}


#layout1 .right{
	width:705px;
	margin-top:60px;
}
.focus{
	position: relative;
    overflow: hidden;
	width:100%;
	height:430px;
}
.focus .pic{ width:100%; height:100%;}
.focus p{
	position: absolute;
	left:32px;
	bottom: 0px;
	line-height: 60px;
	height: 60px;
	font-size:20px;
	max-width:495px;
	z-index: 9;
}
.focus p a,#layout1 .block3 li p a{ color:#fff;}
.focus .shadow{
	position: absolute;
	width: 100%;
	height:71px;
	left: 0px;
	bottom: 0px;
	background:url(images/shadow.png) repeat-x;
}
.focus .point{
	position: absolute;
	right:33px;
	bottom:26px;
	height: 8px;
	z-index: 10;
}
.focus .point span{
	float: left;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	cursor: pointer;
	background: #f7ffff;
	margin-right:7px;
}
.focus .point .current{
	background: #e60012;
}

.focus .prve,.focus .next{
	width:45px;
	height:50px;
	position:absolute;
	cursor:pointer;
	top:179px;
}
.focus .prve{
	background:url(images/prve.png) no-repeat;
	background-size:100%;
	left:0px;
}
.focus .next{
	background:url(images/next.png) no-repeat;
	background-size:100%;
	right:0px;
}

#layout1 .block3 ul{
	margin-left:-15px;
}
#layout1 .block3 li{
	width:345px;
	height:210px;
	float:left;
	position:relative;
	margin:21px 0px 0px 15px;
}
#layout1 .block3 li .pic{
	width:100%;
	height:100%;
}
#layout1 .textbg{
	position: absolute;
	width:100%;
	height:34px;
	left: 0px;
	bottom: 0px;
	background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;
}
#layout1 .block3 li span{
	width:63px;
	height:34px;
	display:block;
	background:url(images/span.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	bottom:0;
}
#layout1 .block3 li p{
	position: absolute;
	height:34px;
	line-height:34px;
	font-size:18px;
	left:81px;
	bottom: 0px;
	max-width:243px;
}









#layout2{
	background:#f3f3f3;
	height:220px;
	margin:56px auto 43px auto;
	position:relative;
}
#layout2 .title{
	width:23px;
	height:169px;
	background:#b72222;
	padding:51px 7px 0px 8px;
	float:left;
}
#layout2 .title h5{
	font-size:24px;
	line-height:26px;
	color:#fff;
}

#layout2 .text{
	width:1104px;
	float:right;
	margin:29px 34px 0px 0px;
}
#layout2 .text li{
	width:259px;
	height:160px;
	float:left;
	position:relative;
	margin-right:17px;
}
#layout2 .text li .pic{
	width:100%;
	height:100%;
}
#layout2 .textbg{
	position: absolute;
	width:100%;
	height:35px;
	left: 0px;
	bottom: 0px;
	background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;
}
#layout2 .text li p{
	position: absolute;
	width:100%;
	height:35px;
	line-height:35px;
	font-size:16px;
	left:0px;
	bottom: 0px;
	text-align:center;
}
#layout2 .text li p a{ color:#fff;}

#layout2 .prve,#layout2 .next{
	width:16px;
	height:30px;
	position:absolute;
	cursor:pointer;
	top:95px;
}
#layout2 .prve{
	background:url(images/prve1.gif) no-repeat;
	background-size:100%;
	left:58px;
}
#layout2 .next{
	background:url(images/next1.gif) no-repeat;
	background-size:100%;
	right:18px;
}











#layout3{ margin-bottom:23px;}
#layout3 .title{
	border-bottom:1px solid #e5e5e5;
	height:67px;
	margin-bottom:37px;
}
#layout3 .title h5{
	border-bottom:3px solid #b72222;
	line-height:65px;
	display:inline-block;
	margin-bottom:20px;
	font-size:30px;
	padding-right:10px;
}
#layout3 .title h5 img{
	display:block;
	margin:14px 11px 0px 0px;
	float:left;
}
#layout3 .left{
	width:390px;
}
#layout3 .left .pic{
	width:100%;
	height:195px;
}
#layout3 .left p{
	font-size:18px;
	line-height:24px;
	height:24px;
	margin:14px 0px 30px 0px;
}

#layout3 .middle{
	width:440px;
	float:left;
	margin-left:35px;
}
#layout3 .title1{
	font-size:24px;
	line-height:26px;
	height:26px;
	font-weight:bold;
}
#layout3 .title1 i{
	width:5px;
	height:24px;
	display:block;
	float:left;
	background:#b72222;
	margin:2px 11px 0px 0px;
}
#layout3 .middle .block2{ margin-top:25px;} 
#layout3 .middle ul{ margin-top:17px;}
#layout3 .middle li{
	font-size:20px;
	line-height:39px;
	height:39px;
}
#layout3 .middle li:first-child{
	font-weight:bold;
	line-height:40px;
	height:40px;
}

#layout3 .right{
	width:290px;
	height:495px;
	background:#f9f9f9;
	padding:0px 15px;
}
#layout3 .title2{
	line-height:50px;
	height:50px;
	border-bottom:1px solid #e5e5e5;
}
#layout3 .title2 i{
	width:4px;
	height:20px;
	display:block;
	float:left;
	background:#b72222;
	margin:15px 10px 0px 0px;
}
#layout3 .title2 h5{
	float:left;
	font-size:20px;
	color:#333;
}
#layout3 .title2 .more{
	color:#ccc;
	float:right;
}
#layout3 .title2 .more span{ color:#b72222;}
#layout3 .list1{ margin:1px 0px 15px 0px;}
#layout3 .list1 li{ margin-top:18px;}
#layout3 .list1 li .pic{
	width:86px;
	height:86px;
	float:left;
	border-radius:43px;
}
#layout3 .list1 li .pic img{ border-radius:43px;}
#layout3 .list1 li p{
	font-size:16px;
	line-height:24px;
	max-height:72px;
	width:188px;
	float:right;
	margin-top:8px;
}
#layout3 .list1 li p a{ color:#666;}

#layout3 .list2{ margin-top:9px;}
#layout3 .list2 li{
	font-size:16px;
	line-height:36px;
	height:36px;
	background:url(images/li.gif) no-repeat 1px center;
	padding-left:16px;
}
#layout3 .list2 li a{ color:#4a4a4a;}









#layout4{ margin:53px auto 69px auto;}
#layout4 .block{
	width:380px;
	float:left;
	display:inline;
	margin:0px 0px 0px 45px;
}
#layout4 .block1,#layout4 .block4{ margin-left:0px;}

#layout4 .title{
	border-top:2px solid #e5e5e5;
	height:59px;
}
#layout4 .title p{
	border-top:3px solid #b72222;
	line-height:58px;
	display:inline-block;
	font-size:22px;
	padding-right:8px;
	margin-top:-2px;
}
#layout4 .title p img{
	display:block;
	margin:13px 10px 0px 0px;
	float:left;
}
#layout4 .title .more{
	color:#ccc;
	float:right;
	font-size:16px;
	margin:19px 3px 0px 0px;
}
#layout4 .title .more span{ color:#b72222;}

#layout4 ul{ margin:3px 0px 65px 0px;}
#layout4 li{
	font-size:18px;
	line-height:45px;
	height:45px;
	background:url(images/li1.gif) no-repeat 1px center;
	padding-left:20px;
}










#contact{
	border-top:1px solid #e5e5e5;
	padding:25px 0px 35px 0px;
}
#contact .main{
	width:1106px;
	float:right;
}
#contact .main .sty1{
	float:left;
	margin:54px 35px 0px 0px;
}
#contact .main .sty1 img{
	float:left;
	margin:7px 15px 0px 0px;
}
#contact .main .sty1 .zi{
	width:136px;
	float:left;
	font-size:18px;
	color:#333;
	line-height:29px;
}
#contact .main .sty2{
	float:right;
}
#contact .main .sty2 li{
	width:118px;
	float:left;
	display:inline;
	margin:14px 0px 0px 53px;
}
#contact .main .sty2 li p{
	width:15px;
	float:left;
	font-size:16px;
	color:#333;
	line-height:17px;
}
#contact .main .sty2 li img{
	float:right;
}






#links{
	background:#f3f3f3;
	border-top:1px solid #dcdcdc;
	padding:38px 0px 54px 0px;
}
#links .title,#contact .title{
	font-size:20px;
	color:#666;
	float:left;
	font-weight:bold;
	line-height:40px;
}
#links .main{
	width:1132px;
	float:right;
	line-height:40px;
}
#links .main a{
	font-size:18px;
	color:#666;
	margin-left:28px;
}
#links .main .hang1,#links .main .hang2{ margin-bottom:8px;}
#links .main .hang2{ margin-left:8px;}
#links .main .hang2 a{ margin-left:20px;}







/*自适应样式开始*/
.phone-text,#phone-footer{ display:none;}
@media(max-width: 767px){
	.phone-text,#footer,#nav .right a i,#layout2 .text,.focus .point{ display:none;}
	#phone-header,#phone-footer,.phone-text{ display:block;}
	.wrapper{min-width:100%;max-width:100%;}
	.box{ width:92%; margin:0px auto;}
	a:hover{ color:#000 !important;}
	.left,.right,#layout3 .middle,#layout4 .block,#contact .main,#links .main{ float:none !important; width:100% !important; margin:0; padding:0;}
	img{ width:100%; height:100%;}
	
	#phone-footer{line-height:3em;font-size:1em;background:#f3f3f3;color:#666;border-top: 1px solid #dcdcdc;text-align:center;}
	
	#nav{ height:auto; padding-bottom:0px;}
	#nav .box{ width:100%;}
	#nav .logo{ margin:0; width:40%;padding:1.5em 0 1em 3%;}
	#nav .logo img {height:auto; width:100%;}
	#nav .right{ float:right !important; text-align:right;width:50% !important;margin:2.2em 3% 0 0;}
	#nav .right a{ font-size:1.1em; margin:0 0 0 0.3em; float:none;}

	#layout1 .left .title{ margin:0.8em 0 0.2em 0; font-size:1.8em;}
	#layout1 .left .title i{ width:0.2em; height:1em; margin:0.32em 0.3em 0 0;}
	#layout1 .left li,#layout3 .middle li,#layout3 .middle li:first-child,#layout3 .list2 li,#layout4 li{ font-size:1.25em; line-height:2em; height:2em;}
	#layout1 .right{ margin-top:2em;}
	.focus{ height:15em;}
	.focus .prve, .focus .next{ top:36%; width:2.3em; height:2.5em;}
	.focus .point{ bottom:1.2em; right:1%;}
	.focus p{ font-size:1.05em; left:0%; max-width:none; width:100%; text-align:center; line-height:3em; height:3em;}
	.focus .point span{ margin-right:0.3em; width:0.5em; height:0.5em;}
	#layout1 .block3 ul{ margin-left:0;}
	#layout1 .block3 li{width:100%; height:11em;float: left; margin:0.8em 0 0 0;}
	#layout1 .textbg{ height:2.5em;}
	#layout1 .block3 li span{ height:2.5em; width:4.4em;}
	#layout1 .block3 li p{ font-size:1.1em;height:2.3em; line-height:2.3em; left:5.4em;}

	#layout2{ height:14.5em; margin:1.8em auto;}
	#layout2 .title{ padding:3em 0 0 1.5%; width:8.6%; height:11em;}
	#layout2 .title h5{ font-size:1.8em; line-height:1.1em;}
	#layout2 .prve, #layout2 .next{ width:1em; height:1.8em; top:42%;}
	#layout2 .prve{ left:12%;}
	#layout2 .next{ right:3%;}
	.phone-text{ width:73%; height:10em; float:right; margin:2em 9% 0 0; position:relative;}
	.phone-text .pic{ width:100%; height:100%;}
	#layout2 .phone-text .textbg{ height:2em;}
	#layout2 .phone-text p{ width:100%; line-height:2em; height:2em; text-align:center; position:absolute; left:0; bottom:0; font-size:1.1em;}
	#layout2 .phone-text p a{ color:#fff;}
	
	#layout3 .title{ margin-bottom:1.6em; height:3.6em;}
	#layout3 .title h5{ margin-bottom:0; font-size:1.8em; line-height:1.9em;}
	#layout3 .title h5 img,#layout4 .title p img,#contact .main .sty1 img{ width:auto; height:auto; margin:0.2em 0.4em 0 0;}
	#layout3 .left .pic{ height:12em;}
	#layout3 .left p{ font-size:1.2em; line-height:2em; height:2em; margin:0.2em 0 1em 0;}
	#layout3 .title1{ font-size:1.7em; line-height:1.8em;height:1.8em;}
	#layout3 .title1 i{ width:0.2em; height:1em; margin:0.4em 0.3em 0 0;}
	#layout3 .middle ul{ margin-top:0;}
	#layout3 .right{ width:92% !important; padding:1em 4% 2em 4%; height:auto; margin-top:1.5em;}
	#layout3 .title2{ line-height:3.4em; height:3.4em;}
	#layout3 .title2 h5{ font-size:1.7em;}
	#layout3 .title h5 img{ width:1.4em;}
	#layout3 .title2 i{ width:0.2em; height:1em; margin:0.5em 0.3em 0 0;}
	#layout3 .list1 li{ margin-top:1.4em;}
	#layout3 .list1 li .pic{ width:7em; height:7em;}
	#layout3 .list1 li .pic img{ border-radius:3.5em;}
	#layout3 .list1 li p{ width:62%; font-size:1.2em; line-height:1.6em; max-height:3.2em; margin-top:1em;}
	#layout3 .list2 li,#layout4 li{ padding-left:0.8em;}

	#layout4{ margin:2.6em auto 0.6em auto;}
	#layout4 .title{ line-height:3em;}
	#layout4 .title p{ font-size:1.7em; line-height:2em;}
	#layout4 .title p img{ margin:0.4em 0.3em 0 0;}
	#layout4 .title .more{ margin:0.1em 0 0 0;}
	#layout4 ul{ margin:-0.6em 0 2em 0;}
	
	#links .title, #contact .title{ float:none; font-size:1.7em;}
	#contact .main .sty1{ width:45%; margin:1em 0;}
	#contact .main .sty1:first-child{ float:left;}
	#contact .main .sty1:nth-child(2){ float:right;}
	#contact .main .sty1 img{ width:25%; margin:0.4em 5% 0 0;}
	#contact .main .sty1 .zi{ width:70%;font-size:1em; line-height:1.5em;}
	#contact .main .sty2{ float:none; margin-left:-4%;}
	#contact .main .sty2 li{ width:29%; margin-left:4%;}
	#contact .main .sty2 li p{ width:20%; font-size:1.1em; line-height:1em;}
	#contact .main .sty2 li img{ width:80%; height:auto;}
	#contact,#links{ padding:2em 0 3em 0;}
	#links .title{ margin-bottom:0.6em;}
	#links .main{ line-height:1.4em;}
	#links .main a,#links .main .hang2 a{ margin:0 4% 0 0; font-size:1.1em; line-height:1.6em;}
	#links .main .hang2{ margin-left:0;}
	#links .main .hang1, #links .main .hang2{ margin-bottom:0;}
}
/*自适应样式结束*/